<!--
 * @Description: 
 * @Version: 1.0
 * @Author: tao
 * @Date: 2021-02-17 21:41:55
 * @LastEditors: tao
 * @LastEditTime: 2021-02-24 14:34:10
-->
<template>
  <Model
    :width="350"
    :show="show"
    title="审核"
    @confirm="confirm"
    @cancel="no"
    :footer="true"
    cancel-text="取消"
    ok-text="通过"
    @noPass="cancel"
  >
    <a-card
      slot="card"
      :title="list.name + '的实习情况'"
      style="width: 300px"
    >
      <!--    <a slot="extra" href="#">more</a>-->
      <p>学号:{{ list.studentId }}</p>
      <p>姓名:{{ list.studentName }}</p>
      <p>实习企业:{{ list.company }}</p>
      <p>
        时间:{{ list.startTime }} - {{ list.endTime ? list.endTime : "未结束" }}
      </p>
      <p>是否对口:{{ list.suitable }}</p>
      <p>是否完成实习:{{ list.finish }}</p>
      <p>是否实习基地:{{ list.isBase }}</p>
      <p>所附文件( 点击即可下载文件 ):<a :href= "IP + list.file">文件</a></p>
    </a-card>
  </Model>
</template>

<script>
import Model from "@/components/common/model/Model";
import {IP} from "@/network/request"
export default {
  components: { Model },
  props: {
    list: {
      type: Object,
      default: () => {
        return {};
      },
    },
    show: {
      type: Boolean,
      default() {
        return false;
      },
    },
  },
  name: "Card",
  data(){ return {IP} },
  methods: {
    no(){ this.$emit("cancel")},
    confirm() {
      this.$emit("confirm", {
        ...this.list,
      });
    },
    cancel() {
      this.$emit("noPass",{
        ...this.list,
      });
    },
  },
};
</script>

<style scoped>
</style>